.FenceMapModal {
	background: rgba(0, 0, 0, 0.35);
	height: 80vh;
	position: relative;
	z-index: 1;

	& > .FenceMap {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;

		.cesium-viewer-toolbar {
			bottom: unset;
			top: 16px;
			left: 16px;
		}
	}
}

.Mars3DPlannedProgress {
	width: 100%;
	height: 80vh;
	position: relative;
	z-index: 1;
	border-radius: 6px;
	overflow: hidden;

	& > .Map {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	& > .Left,
	& > .Right {
		position: absolute;
		top: 16px;
		bottom: 16px;
		width: 320px;
		background: rgba(0, 0, 0, 0.15);
		backdrop-filter: blur(10px);
		z-index: 1;
		border-radius: 6px;
		padding: 16px;

		&.Left {
			left: 16px;
			pointer-events: none;

			& > .treeDele {
				pointer-events: auto;
				background: linear-gradient(
					45deg,
					rgba(255, 255, 255, 0.55),
					rgba(255, 255, 255, 0.75),
					rgba(255, 255, 255, 0.35)
				);
				backdrop-filter: blur(10px);
				height: 100%;
				overflow-y: scroll;
			}
		}

		&.Right {
			right: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				width: 100%;
			}

			& > .Title {
				font-size: 18px;
				font-family: MicrosoftYaHei;
				color: #ffffff;
				margin-bottom: 8px;
			}

			& > .ant-spin,
			& > .ant-empty {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				.ant-empty-description {
					font-size: 16px;
					font-family: MicrosoftYaHei;
					color: #ffffff;
				}
			}

			& > .box {
				flex: 1;
				overflow-y: scroll;
				user-select: none;

				& > span {
					margin: 4px;
				}
			}
		}
	}

	& > .Bottom {
		position: absolute;
		left: 400px;
		right: 400px;
		bottom: 16px;
		background: rgba(255, 255, 255, 0.15);
		backdrop-filter: blur(10px);
		z-index: 4;
		border-radius: 6px;
		padding: 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	& > .Center {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		font-size: 72px;
		color: white;
		font-family: ShuHeiTi;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
